<!--  -->
<template>
    <!--  -->
    <div class="container">
        <!-- 头部 -->
    <HospitalTop></HospitalTop>
      <!-- 左边导航部分 -->
      <div class="left">
        <el-menu 
        class="el-menu-vertical-demo" 
        :default-active="$route.path">
          <el-menu-item 
          index="/adminIndex/notice" 
          @click="changeActive('/adminIndex/notice')">
            <svg t="1716723586738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2863" width="24" height="24"><path d="M457.9 777.4H241.6a49.2 49.2 0 0 1-49.1-49.1V462.9h616.9a32 32 0 0 0 32-32V322.8A113.3 113.3 0 0 0 728.3 210h-76.2v-49.5a32 32 0 1 0-64 0V210H381.8v-49.5a32 32 0 0 0-64 0V210h-76.2a113.3 113.3 0 0 0-113.1 112.8v405.5a113.2 113.2 0 0 0 113.1 113.1h216.3a32 32 0 1 0 0-64zM241.6 273.6h76.2v49.2a32 32 0 0 0 64 0v-49.2h206.3v49.2a32 32 0 0 0 64 0v-49.2h76.2a49.2 49.2 0 0 1 49.1 49.2v76.1H192.5v-76.1a49.3 49.3 0 0 1 49.1-49.2z" fill="#5b86e5" p-id="2864"></path><path d="M404 534.1H268.6a32 32 0 1 0 0 64H404a32 32 0 0 0 0-64zM404 642.2H268.6a32 32 0 1 0 0 64H404a32 32 0 0 0 0-64zM701.3 507a194.3 194.3 0 1 0 194.2 194.3A194.6 194.6 0 0 0 701.3 507z m0 324.5a130 130 0 1 1 130-130 130 130 0 0 1-130 130z" fill="#5b86e5" p-id="2865"></path><path d="M768.8 682.8H720v-49.1a32 32 0 0 0-64 0v81.1a32.1 32.1 0 0 0 32 32h81.1a32 32 0 0 0 0-64z" fill="#00bfff" p-id="2866"></path></svg>
            <span>使用系统须知</span>
          </el-menu-item>
          <el-menu-item 
          index="/adminIndex/goodutil" 
          @click="changeActive('/adminIndex/goodutil')">
            <svg t="1716723657853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4210" width="22" height="22"><path d="M298.666667 341.333333h384v42.666667H298.666667v-42.666667z m0 128h298.666666v42.666667H298.666667v-42.666667z m0 128h298.666666v42.666667H298.666667v-42.666667zM170.666667 128h682.666666v554.666667h42.666667V106.517333c0-11.52-9.557333-21.184-21.333333-21.184H149.333333c-11.626667 0-21.333333 9.557333-21.333333 21.376v810.581334C128 929.066667 137.557333 938.666667 149.333333 938.666667h490.666667v-42.666667H170.666667V128z m469.333333 576.042667c0-11.797333 9.728-21.376 21.376-21.376H896L640 938.666667V704.042667z m153.002667 21.290666H682.666667v110.336L793.002667 725.333333z" fill="#5b86e5" p-id="4211"></path></svg>
            <span>好用工具推荐</span>
          </el-menu-item>
          <el-menu-item 
          index="/adminIndex/mngutil" 
          @click="changeActive('/adminIndex/mngutil')">
            <svg t="1716723702926" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5469" width="23" height="23"><path d="M510.1 928h5.5c52.6-0.7 96.7-38.4 103.3-88.5H406.8c6.6 50.1 50.7 87.9 103.3 88.5zM771.7 598.5V410.9c0.6-105.3-70.9-197-172.2-220.8v-4.5c0.8-31.7-15.5-61.4-42.5-77.6-27.1-16.1-60.6-16.1-87.7 0s-43.3 45.8-42.5 77.6v4.5C325.2 213.7 253.4 305.5 254 410.9v187.6c-51.9 41.3-83.2 103.5-85.9 170.2h689.5c-2.6-66.7-34-128.9-85.9-170.2z" fill="#5b86e5" p-id="5470"></path></svg>
            <span>文件管理工具</span>
          </el-menu-item>
          <el-menu-item 
          index="/adminIndex/editutil" 
          @click="changeActive('/adminIndex/editutil')">
            <svg t="1716723788490" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7548" width="22" height="22"><path d="M512 85.358A426.789 426.789 0 0 0 85.358 512 426.789 426.789 0 0 0 512 938.642 426.789 426.789 0 0 0 938.642 512 426.789 426.789 0 0 0 512 85.358z m0 768A341.211 341.211 0 0 1 170.642 512c0-78.994 26.917-151.406 72.12-209.042l478.353 478.28A337.189 337.189 0 0 1 512 853.359z m269.166-132.316L303.03 242.834A337.189 337.189 0 0 1 512 170.642 341.211 341.211 0 0 1 853.358 512a337.189 337.189 0 0 1-72.12 209.042z" p-id="7549" fill="#5b86e5"></path></svg>
            <span>文件编辑工具</span>
          </el-menu-item>
          <el-menu-item 
          index="/adminIndex/home" 
          @click="changeActive('/adminIndex/home')">
          <svg t="1716823743452" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8534" width="26" height="26"><path d="M798.87 769.52L634.94 605.59c-0.4-0.4-0.93-0.54-1.35-0.9 32.1-38.58 51.44-88.16 51.44-142.27 0-122.95-99.67-222.61-222.61-222.61-122.95 0-222.61 99.67-222.61 222.61 0 122.95 99.67 222.61 222.61 222.61 54.11 0 103.69-19.34 142.27-51.44 0.36 0.42 0.5 0.95 0.9 1.35l163.93 163.93c4.05 4.05 9.36 6.08 14.68 6.08 5.31 0 10.62-2.03 14.68-6.08 8.1-8.1 8.1-21.25-0.01-29.35zM462.42 640.51c-98.2 0-178.09-79.89-178.09-178.09s79.89-178.09 178.09-178.09 178.09 79.89 178.09 178.09-79.89 178.09-178.09 178.09z" fill="#5b86e5" p-id="8535"></path></svg>
            <span>用户管理目录</span>
          </el-menu-item>
        </el-menu>
      </div>
      <!-- 右边内容展示部分 -->
      <div class="right">
        <router-view/>
      </div>
      <!-- 底部 -->
    <HospitalBottom></HospitalBottom>
    </div>
  </template>
  
  <script setup>
  import { useRouter,useRoute } from 'vue-router';
  //创建路由器对象
  const $router = useRouter();
  // 获取当前页面的路由
  const $route = useRoute();

  //点击按钮后进行路由跳转
function changeActive(path){
  $router.push({
    path: path,
  });
}
  </script>
  <script>
  export default {
    name: 'AdminIndex'
  }
  </script>
  <style lang="scss" scoped>
  .container{
    display: flex;
    flex-direction: row;
    .left{
      
      .el-menu-item.is-active{
        //设置字体颜色
        color: #5b86e5;
      }
      top: 70px;
      left: 70px;
      display: flex;
      position: fixed;
      justify-content: center;
      margin-top: 20px;
      flex: 2;
      span{
        padding: 25px;
        margin-left: 10px;
      }
      :deep(.el-menu-item){
        height: 100px;
      }
      :deep(.el-menu-item.is-active){
          font-size: large;
          font-weight: 800;
          svg{
            width: 34px;
            height: 34px;
          }
        }
    }
    .right{
      margin-top: 100px;
      margin-bottom: 100px;
      margin-left: 350px;
      flex: 8;
    }
  }
  .container[data-v-7a7a37b1]{
    align-items: normal;
  }
  </style>